<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>

<body>

    <ul>

    </ul>

    <input type="text">

    <script>

        // 键盘事件
        //    keydown   键盘按下时触发事件(按着不动的时候，事件一直触发)
        //    keyup     键盘抬起时触发事件
        //    keypress  键盘按下时触发事件(按着不动的时候，事件一直触发)   不支持部分功能键  ctrl / alt / shift  / 上下左右  / tab ...


        // e.key  键值
        // e.keyCode  键值对应的ASCII值，只有大写(小写也是大写的值)


        // 只有键盘按下  onkeydown 这个事件中有
        //   e.altKey   e.shiftKey    e.ctrlKey   都是判断   true / false



        var oUl = document.querySelector('ul');

        document.onkeydown = function (e) {
            // var v = document.querySelector('input').value;
            // // console.log(e.key);  // 键值
            // console.log(e.keyCode);  // 键值对应的ASCII值   但是字母都是按照大写显示的

            // // 组合键
            // // if (e.keyCode === 17 && e.keyCode === 13) {   // 键值不可能同时是17又是13
            // //     console.log('control');
            // // }

            // console.log(e.ctrlKey);   // 判断是否按了ctrlKey
            // console.log(e.altKey);
            // console.log(e.shiftKey);
            // if (e.ctrlKey && e.keyCode === 13) {
            //     console.log(v);
            //     oUl.innerHTML += '<li>' + v + '</li>'
            // }
        }

        document.onkeyup = function (e) {
            // console.log(e.altKey);    // 永远都是false
        }

        // document.onkeypress = function () {
        //     console.log(3);
        // }

    </script>

</body>

</html>